<?php 
$perfil = "admin";

require_once  '../header.php';
require_once   '../sec.php';
?>
<style>
.title_popup{
width: 200px;
background: #004C94;
color: white;
padding: 8px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.equipamento_item{
padding: 4px;
padding-left: 8px;
margin-top: 6px;
background: rgb(235, 235, 235);}
</style>
<script>
function abrirPopUp(id){
	$.ajax({
		  url: "/ajax/ajaxDispatcher.php?classe=localBusiness&metodo=getEquipamentosByIdLocal&id_local="+id,
		  dataType : "json"
		}).done(function(response) {
			if(response != false){
				var table=  '';
				$.each(response , function(index,value){
					table += "<div class='equipamento_item'>"+value.nm_equipamento+"</div>";
				});
				$("#equipamentos").html(table);	 
			}else{
				$("#equipamentos").html('<div class="equipamento_item">Sem equipamento</div>');
			}
			setTimeout(function(){
				$.fancybox.update();
			},500);
		});
}
function excluir(id){
	var ans = confirm("Tem certeza que deseja excluir esse local?");
	if(ans){
		$.ajax({
			  url: "/ajax/ajaxDispatcher.php?classe=localBusiness&metodo=excluirLocal&id_local="+id,
			  dataType : "json"
			}).done(function(response) {
					$("#row_"+id).hide('slow');	 
			});
		
		
	}
} 
function criarLinhas(response){
	var registros = "";
	if(response != false){
		$.each(response , function(index , value){
			registros += "<tr id='row_"+value.id_local+"'>"+
		 		"<td>"+value.nm_local+"</td>"+
		 		"<td>"+value.nr_capacidade+"</td>"+
		 		"<td class='center'>"+
		 			"<a class='icone equipamento fancybox' href='#inline' onclick='abrirPopUp("+value.id_local+")'></a>"+
		 		"</td>"+
		 		"<td class='center'>"+
		 			"<a class='icone editar' href='cadastrar_local.php?id_local="+value.id_local+"'></a>"+
		 		"</td>"+
		 		"<td class='center'>"+
		 			"<a class='icone excluir' onclick='excluir("+value.id_local+")'></a>"+
		 		"</td>"+
		 	"</tr>";
		});
	}
	return registros;
}
$(function(){
	$.ajax({
	  url: "/ajax/ajaxDispatcher.php?classe=localBusiness&metodo=getLocais",
	  dataType : "json"
	}).done(function(response) {
		var registros = criarLinhas(response);
		$('.tabela_gestao tbody').html(registros);
	});
	
	
	$(".buscar_input").keyup(function(){
		var registros ="";
		var self = $(this);
		$.ajax({
		   url: "/ajax/ajaxDispatcher.php?classe=localBusiness&metodo=getAllLocaisByFilter&texto="+self.val(),
		   dataType : "json"
		}).done(function(response) {
			 registros = criarLinhas(response);
			$('.tabela_gestao tbody').html(registros);
		});
		
	});

	$(".fancybox").fancybox({});
})
</script>
 <div class='titulo'>
	<div class='name'>Locais</div>
	<div class='buscar'>
		<input type='text' class='buscar_input'  placeholder='Buscar'>
	</div>
	<div class='add'>
		<a class='btn' href='cadastrar_local.php'>Cadastrar</a>
	</div>
	<div class='clear'></div>
	
 </div>
 <table class='tabela_gestao'>
 	<thead><tr>
	 	<td>Nome</td>
	 	<td>Capacidade</td>
	 	<td>Equipamentos</td>
	 	<td>Editar</td>
	 	<td>Excluir</td>
 	</tr></thead>
 	<tbody></tbody>
 </table>
 
 <div style='display:none;'>
 	<div id='inline'>
 		<div class='title_popup'>Equipamentos</div>
 		<div id='equipamentos'>
 		
 		</div>
 	</div>
 </div>
 

 
<?php require_once '../rodape.php';?>